<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title id="title"></title>
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
		<!-- <script type="text/javascript" src="../js/jquery.min.js"></script>
		<script type="text/javascript"  src="../js/echarts.min.js"></script> -->
		<script type="text/javascript" src="js/jquery.min.js"></script>
		<script type="text/javascript" src="js/echarts.min.js"></script>
		<script type="text/javascript" src="js/dateMultiFunc.js"></script>
		<script src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
	</head>
	<body>
		<!-- 理化指标 -->
		<div id="tabs">
		  	<!-- 导航栏部分 -->
		  	<ul class="table">
		  		<li class="tabActive">日<p></p></li>
		  		<li>7天<p></p></li>
		  		<li>14天<p></p></li>
		  		<li>30天<p></p></li>
		  	</ul>
			<div class="chartType">
				<span></span>
				<!-- <div>体重(kg)</div> -->
				<input type="date" id="dateSelect" />
				<p onclick="dateMulti()" class="list_time">选择时间</p>
			</div>
			<div id="main"></div>
			<div class="jiance">
				监测时间
				<span class="xuanzhong"></span>
				<span class="jiantou"></span>
			</div>
		  	<!-- 内容区域 -->
		  	<div class="content conAvtive">
				<div class="editCon">
					<div class="title">正常测量</div>
					<div class="editData"></div>
				</div>
				<div class="suijiCon">
					<div class="title">随机测量</div>
					<div class="suijiData"></div>
				</div>
				<div class="suijiData bmiData" style="padding:10px;height:24px;margin-top:10px;display:none;"></div>
				<div class="listRecord" style="margin-bottom:100px">
					<div class="listText1"></div>
					<div class="listInfor">
					</div>
				</div>	
				
			</div>
		  	<div class="content">
				<div class="jiluCon"></div>
				<div class="editCon">
					<div class="title">正常测量</div>
					<div class="editData"></div>
				</div>
				<div class="suijiCon">
					<div class="title">随机测量</div>
					<div class="suijiData"></div>
				</div>
			</div>
		  	<div class="content">
				<div class="jiluCon"></div>
				<div class="editCon">
					<div class="title">正常测量</div>
					<div class="editData"></div>
				</div>
				<div class="suijiCon">
					<div class="title">随机测量</div>
					<div class="suijiData"></div>
				</div>
			</div>
		  	<div class="content">
				<div class="jiluCon"></div>
				<div class="editCon">
					<div class="title">正常测量</div>
					<div class="editData"></div>
				</div>
				<div class="suijiCon">
					<div class="title">随机测量</div>
					<div class="suijiData"></div>
				</div>
			</div>
		</div>
		<div class="select">
		        <ul>
		            <li class="active">空腹</li>
		            <li>早餐后</li>
		            <li>午餐后</li>
		            <li>晚餐后</li>
					<li>睡觉前</li>
					<li>随机</li>
					<li>暂时不选</li>
		        </ul>
		 </div>
		<div class="bottom" onclick="goAdd()">
			<div class="submitContent" >添加记录</div>
		</div>
	</body>
	<script>
		let requestPath = 'https://dyf-prod.dyzh120.com/';
		//let requestPath = 'https://dyf-test.dyzh120.com/';
		let tabText = '';
		let tabIndex = 0;
		let name = '';
		let mbTypeId = '';
		let patientId = '';
		let editId = '';
		let selectTime = null;
		let today = '';
		let startTime = null;
		let endTime = null;
		let afterTime = '';
	    // 时间范围
	    function dateMulti() {
	        var dateMulti = new dateMultiFunc({
	            type: 2,
	            maxTime: 0,
	            cancelFunc: function () {
					//$(".bottom").show();
	            },
	            confirmFunc: function (res) {
	                listCon(res, 2)
	            }
	        });
	        dateMulti.show();
	    };
		// 处理时间
		function listCon(res, type) {
		    var html = '';
		    if (type == 2) {
				startTime = res.statrTime.year+'-'+res.statrTime.month+'-'+res.statrTime.today;
				endTime = res.endTime.year+'-'+res.endTime.month+'-'+res.endTime.today;
		        html += "<p>"+startTime+" ~ "+endTime+"</p>";
		    } else {
		        for (var i = 0; i < res.length; i++) {
		            html += "<p>" + JSON.stringify(res[i]) + "</p>";
		        }
		    }
		    var list_con = document.querySelector(".list_time");
		    list_con.innerHTML = html;
			getList(null,mbTypeId,patientId);
			getLog(null,mbTypeId,patientId);
		};		
		//解析请求地址
		function getQueryParams(url) {
			let params = {};
			let queryString = url ? url.split('?')[1] : window.location.search.slice(1);
			let arr = queryString.split('#')[0].split('&');
			for (let i = 0; i < arr.length; i++) {
				let a = arr[i].split('=');
				let paramName = a[0];
				let paramValue = typeof(a[1]) === 'undefined' ? true : decodeURIComponent(a[1].replace(/\+/g, ' '));
				
				if (params[paramName]) {
					if (Array.isArray(params[paramName])) {
						params[paramName].push(paramValue);
					} else {
						params[paramName] = [params[paramName], paramValue];
					}
				} else {
					params[paramName] = paramValue;
				}
			}
			return params;
		}
		$(function(){
			getUrlParam();
			$('.jiance').hide();
			$('.list_time').hide();
			let date= new Date();
			let day = ("0" + date.getDate()).slice(-2);
			let month = ("0" + (date.getMonth() + 1)).slice(-2);
			today= date.getFullYear() + "-" + (month) + "-"+ (day);
			$('#dateSelect').val(today);
		});
		//选择时间 
		const dateSelect = document.getElementById('dateSelect');
		dateSelect.addEventListener('change', function() {
			selectTime = dateSelect.value;
			getList(null,mbTypeId,patientId);
			getLog(null,mbTypeId,patientId);
			$(".conAvtive .editData").empty();
			$(".conAvtive .suijiData").empty();
		});
		function goAdd(){
			wx.miniProgram.navigateTo({
				url: '/ncd_package/pages/indexNew/indexNew?mbTypeId='+mbTypeId+'&patientId='+patientId+'&name='+name
			});
		}
		
		$(".jiance").on("click", function() {
			$(".select").show()
		})
		$(".select li").on("click", function() {
			$(".jiance .xuanzhong").html($(this).html());
			afterTime = $(this).html();
			$(".jiantou").hide();
			$(".select").hide();
			if($(this).html()==='暂时不选'){
				afterTime = '';
				$(".conAvtive .editCon").show();
				$(".conAvtive .suijiCon").show();
			}else if($(this).html()==='随机'){
				$(".conAvtive .editCon").hide();
			}
			getList(tabIndex,mbTypeId,patientId);
			getLog(tabIndex,mbTypeId,patientId)
		})
		// 获取URL参数
		function getUrlParam() {
			let url = window.location.href;
			let params = getQueryParams(url);
			name = params['name'];
			mbTypeId = params['mbTypeId'];
			patientId = params['patientId'];
			getList(0,mbTypeId,patientId);
			getLog(0,mbTypeId,patientId);
			let title = '';//页面头部名称
			let chartType = '';//统计图上 名称+单位
			let infor = '';//统计图下 文字描述
			let listText1 = '';//统计图下 文字标题
			if(mbTypeId == 8){
				title = '血糖';
				chartType = '血糖（mmol/L）';
				listText1 += '关于血糖数值说明'
				infor += '空腹血糖：至少8小时没有进食热量所测的血糖；'+
						'正常范围是3.9-6.1mmol/L，<br>'+
						'空腹血糖≤3.9mmol/L为糖尿病患者低血糖，<3.0mmol/L为非糖尿病患者低血糖；<br>'+
						'空腹血糖在6.1-6.9mmol/L为空腹血糖受损；<br>'+
						'空腹血糖≥7.0mmol/L为疑似糖尿病；<br><br>'+
						
						'餐后血糖：一般指早中晚三餐进食后2小时所测定的血糖；<br>'+
						'正常范围是<7.8mmol/L；<br>'+
						'餐后血糖在7.8-11.1mmol/L为糖耐量异常；<br>'+
						'餐后血糖≥11.1mmol/L疑似糖尿病；<br><br>'+
						
						'随机血糖：随机血糖指不考虑上次用餐时间，一天中任意时间的血糖。<br>'+
						'正常范围是3.9-11.1mmol/L，>11.1mmol/L血糖偏高，<3.9mmol/L血糖偏低；<br><br>'+
						
						'睡前血糖：晚餐后3-4小时、入睡前的血糖<br>'+
						'正常范围是3.9-6.1mmol/L。<br>'
			}
			$(".chartType span").append(chartType);
			$(".listInfor").append(infor);
			$(".listText1").append(listText1)
			$("#title").append(title)
		}
		$(".table li").on("click", function() {
			$(".jiance .xuanzhong").html('');
			$(".jiantou").show();
			$('.select').hide();
			let divs = $(".content")
			let lis = $(".table li")
			lis.removeClass('tabActive')
			$(this).addClass('tabActive')
			for (let i = 0; i < lis.length; i ++) {
				if (lis[i] == this) {
					divs.removeClass('conAvtive')
					divs.eq(i).addClass('conAvtive')
				}
			}
			startTime = null;
			endTime = null;
			tabText = $(".table li.tabActive").text()
			//日-day 0 、 周-work 1、 月- mouth 2、年-year 4、14天 5、 30 天内
			if(tabText != '日'){
				$('.list_time').html('选择时间');
				if(tabText == '7天'){
					tabIndex = 6
				}else if(tabText == '30天'){
					tabIndex = 5
				}else if(tabText == '14天'){
					tabIndex = 4
				}
				getAvg(tabIndex,mbTypeId,patientId);
				getList(tabIndex,mbTypeId,patientId);
				getLog(tabIndex,mbTypeId,patientId);
				$('.bottom').hide();
				$('.list_time').show();
				$('#dateSelect').hide();
				$('.jiance').show();
			}else{
				getList(0,mbTypeId,patientId);
				getLog(0,mbTypeId,patientId);
				tabIndex = 0;
				$('.list_time').hide();
				$('#dateSelect').show();
				$('.bottom').show();
				$('.jiance').hide();
				$('#dateSelect').val(today);
			}
			selectTime = ""
		})
		//获取平均值数据
		function getAvg(type,mbTypeId,patientId){
			let ulHtml = '';
			$.ajax({
				url: requestPath+'api/v1/mbData/queryJzDataByType',
				contentType: 'application/json; charset=utf-8',
				type:'post',
				data:JSON.stringify({mbTypeId:mbTypeId,patientId:patientId,type:type,choseTime:selectTime,startTime:startTime,endTime:endTime,afterTime:afterTime}),
				success: function(response) {
					$(".conAvtive .jiluCon").empty();
					let result = response.result
					if(result.max == null || result.max == '' || result.max == 'null'){
						result.max = ''
						result.min = ''
					}
					//日-0、7天-1、14天-4、30天-2
					//日-day 0 、 周-work 1、 月- mouth 2、年-year 4、14天 5、 30 天内
					if(type == 0 || type == 1){
						ulHtml += '<div class="listRecord">'+
								'<div class="listInfordiv">'+
									'<div class="listText">'+$(".table li.tabActive").text()+'记录</div>'+
								'</div>'+
								'<div class="listNum">'+
									'<div class="listTime">最小</div>'+
									'<div class="listB"><b class="listNumL">'+result.min+'</b>'+result.danwei+'</div>'+
								'</div>'+
								'<div class="line"></div>'+
								'<div class="listNum">'+
									'<div class="listTime">最大</div>'+
									'<div class="listB"><b class="listNumL">'+result.max+'</b>'+result.danwei+'</div>'+
								'</div>'+
							'</div>'
					}
					else if(type == 2 || type == 4 || type == 5 || type == 6){
						ulHtml += '<div class="listRecord">'+
								'<div class="listInfordiv">'+
									'<div class="listText">'+$(".table li.tabActive").text()+'记录</div>'+
								'</div>'+
								'<div class="listNum">'+
									'<div class="listTime">最小</div>'+
									'<div class="listB"><b class="listNumL">'+result.min+'</b>'+result.danwei+'</div>'+
								'</div>'+
								'<div class="line"></div>'+
								'<div class="listNum">'+
									'<div class="listTime">最大</div>'+
									'<div class="listB"><b class="listNumL">'+result.max+'</b>'+result.danwei+'</div>'+
								'</div>'+
							'</div>'
					}
					$(".conAvtive .jiluCon").append(ulHtml);
				}
			})
		}
		//最近一次添加的记录返回
		function getLog(type,mbTypeId,patientId){
			let ulHtml = '';
			let suijiHtml = '';
			var suijiArr = [];
			var biaozhunArr = [];
			$.ajax({
				url: requestPath+'api/v1/mbData/queryLogLh',
				contentType: 'application/json; charset=utf-8',
				type:'post',
				data:JSON.stringify({mbTypeId:mbTypeId,patientId:patientId,choseTime:selectTime,type:type,startTime:startTime,endTime:endTime,afterTime:afterTime}),
				success: function(response) {
					let result = response.result[0]
					if(response.result.length == 0){
						$(".conAvtive .suijiCon").hide();
						$(".conAvtive .editCon").hide();
					}else{
						if(tabIndex === 0){
							response.result.forEach(function(item, index) {
								if(item.afterTime === "随机"){
									suijiArr.push(response.result[index]);
								}else{
									biaozhunArr.push(response.result[index]);
								}
							});
							//随机数据
							if(suijiArr.length == 0){
								$(".conAvtive .suijiCon").hide();
							}else{
								let remark = ''
								if(suijiArr[0].remark != ''){
									remark = '('+suijiArr[0].remark +')'
								}
								$(".conAvtive .editCon .suijiData").empty();
								suijiHtml += '<div class="editItem" onclick="goEdit(\''+suijiArr[0].id+'\')"><div>' + suijiArr[0].measureTime+'&nbsp;'+suijiArr[0].time+remark+'</div>'+
								 		'<div><b>'+ suijiArr[0].mmol +'</b> mmol/L</div></div>'
								$(".conAvtive .suijiCon .suijiData").append(suijiHtml);
							}
							
							//正常数据
							if(biaozhunArr.length == 0){
								$(".conAvtive .editCon").hide();
							}else{
								let remark = ''
								if(biaozhunArr[0].remark != ''){
									remark = '('+biaozhunArr[0].remark +')'
								}
								$(".conAvtive .editCon .editData").empty();
								ulHtml += '<div class="editItem" onclick="goEdit(\''+biaozhunArr[0].id+'\')"><div>' + biaozhunArr[0].measureTime+'&nbsp;'+biaozhunArr[0].time+remark+'</div>'+
								 		'<div><b>'+ biaozhunArr[0].mmol +'</b> mmol/L</div></div>'
										
								$(".conAvtive .editCon .editData").append(ulHtml);
							}
							
						}else{
							response.result.forEach(function(item, index) {
								if(item.afterTime === "随机"){
									suijiArr.push(response.result[index]);
								}else{
									biaozhunArr.push(response.result[index]);
								}
							});
							//随机数据
							if(suijiArr.length == 0){
								$(".conAvtive .suijiCon").hide();
							}else{
								suijiArr.forEach(function(item, index) {
									let remark = ''
									if(item.remark != ''){
										remark = '('+item.remark +')'
									}
									$(".conAvtive .editCon .suijiData").empty();
									suijiHtml += '<div class="editItem"><div>' + item.measureTime+'&nbsp;'+item.time+remark+'</div>'+
									 		'<div><b>'+ item.mmol +'</b> mmol/L</div></div>'
									$(".conAvtive .suijiCon .suijiData").append(suijiHtml);
								});
								
							}
							
							//正常数据
							if(biaozhunArr.length == 0){
								$(".conAvtive .editCon").hide();
							}else{
								biaozhunArr.forEach(function(item, index) {
									let remark = ''
									if(item.remark != ''){
										remark = '('+item.remark +')'
									}
									$(".conAvtive .editCon .editData").empty();
									ulHtml += '<div class="editItem"><div>' + item.measureTime+'&nbsp;'+item.time+remark+'</div>'+
											'<div><b>'+ item.mmol +'</b> mmol/L</div></div>'
											
									$(".conAvtive .editCon .editData").append(ulHtml);
								});
							}
						}
					}
				}
			})
		}
		//跳转小程序 编辑页面
		function goEdit(id){
			wx.miniProgram.navigateTo({
				url: '/ncd_package/pages/indexNew/indexNew?mbTypeId='+mbTypeId+'&patientId='+patientId+'&name='+name+'&id='+id
			});
		}
		function getList(type,mbTypeId,patientId){
		    $.ajax({
				url: requestPath+'api/v1/mbData/queryTjByType',
				contentType: 'application/json; charset=utf-8',
				type:'post',
				data:JSON.stringify({ type:type,mbTypeId:mbTypeId,patientId:patientId,choseTime:selectTime,startTime:startTime,endTime:endTime,afterTime:afterTime}),
				success: function(response) {
					let resData = response.result.data.map(parseFloat);
					let max = 0
					let item = {}
					let newData = []
					let restime = []
					let restime1 = []
					let newSeries = []
					let newTooltip = {}
					// if(response.result.time.length == 0){
					// 	restime = ["3", "6", "9", "12"]
					// }else{
					// 	if(type === 0){
					// 		restime = response.result.time
					// 		$.each(restime, function(index, value) {
					// 			restime1[index] = value.substring(10, 16); // 使用substring截取字符串
					// 		});
							
					// 	}else{
					// 		restime1 = response.result.categories
					// 	}
					// }
					if(type === 0){
						if(response.result.time.length == 0){
							restime1 = ["3", "6", "9", "12"]
							max = 20
						}else{
							restime = response.result.time
							$.each(restime, function(index, value) {
								restime1[index] = value.substring(10, 16); // 使用substring截取字符串
							});
						}
					}else{
						if(response.result.data.length > 0){
							restime1 = response.result.categories
							max = null
						}else{
							restime1 = ["3", "6", "9", "12"]
							max = 20
						}
					}
					resData.forEach(function(val, index) {
						if(val > response.result.biaozhun){
							item = {value: val,date:response.result.date,time:restime[index],daiwei:response.result.danwei,itemStyle: {color: '#FC2249 '}}
						}else{                 
							item = {value: val,date:response.result.date,time:restime[index],daiwei:response.result.danwei,itemStyle: {color: '#07C160'}}
						}
						newData.push(item)
					});
					newSeries = [{
					    data:newData,
					    type: 'line',
						symbol: 'circle', // 设置圆点为实心
						smooth: true,
						connectNulls: false,
					    symbolSize:10,// 点的大小
						roam:false,
						label: {
							show: true,
							position: 'top'
						}
					}]
					newTooltip = {
						show: true,
						trigger: 'item',
						formatter: function(params) {
							response.result.time.forEach(function(item, index) {
								let newIndex =  params.dataIndex
								let dataTime = response.result.time[newIndex]
								params.danwei = response.result.danwei
								params.dataName = response.result.time[newIndex]
							});
							
							if(params.value > response.result.biaozhun){
								return `<div class="tool" style="background: #FC2249"><p>血糖<p>${params.dataName}</p><p><strong style="font-size:18px"> ${params.value} </strong> ${params.danwei}</p></div>`;
							}else{
								return `<div class="tool" style="background: #07C160"><p>血糖<p>${params.dataName}</p><p><strong style="font-size:18px"> ${params.value} </strong> ${params.danwei}</p></div>`;
							} 
						},
						renderMode: 'html', // 浮层的渲染模式，默认以 'html 即额外的 DOM 节点展示 tooltip；
						backgroundColor:'none', // 提示框浮层的背景颜色。
						borderColor: 'none', // 提示框浮层的边框颜色。
						borderWidth: 0, // 提示框浮层的边框宽。
						padding:0, // 提示框浮层内边距，
						showDelay: 0,
						enterable: false,
						renderMode: 'html',
						textStyle: {
							fontSize:16  // 设置提示框内字体大小
						}
					}
					 
					var myChart = echarts.init(document.getElementById('main'));
										 
					// 指定图表的配置项和数据
					var option = {
						grid: {
							left: '3%',    // 图表左侧与容器边缘的间距为容器宽度的3%
							right: '5%',   // 图表右侧与容器边缘的间距为容器宽度的4%
							top: '8%',    // 图表顶部与容器边缘的间距为容器高度的10%
							bottom: '5%', // 图表底部与容器边缘的间距为容器高度的10%
							containLabel: true // 是否包含坐标轴的刻度标签
						},
						xAxis: {
							type:'category',
							boundaryGap: false,
							data: restime1,
							axisLabel: {
								alignWithLabel: true,
								textStyle: {
									fontSize:14  // 设置X轴标签字体大小
								}
							}
						},
						yAxis: {
							type: 'value',
							min:0,
							max:max,
							axisLabel: {
								textStyle: {
									fontSize:14  // 设置X轴标签字体大小
								}
							},
							splitLine: {
								show: false // 关闭背景线
							}
						},
						tooltip:newTooltip,
						series: newSeries
					};
					 
					// 使用刚指定的配置项和数据显示图表。
					myChart.setOption(option)
				},
				error: function(xhr, status, error) {
				  // 处理错误
				}
		    });
		};
	</script>
<style>
	*{margin:0;padding:0;}
	body{
		background-color: #F7F8FA;
		font-family:PingFang, Arial,'Microsoft YaHei', '微软雅黑';
	}
	.table {
		width:100%;
		height:48px;
		display: flex;
		background: #fff;
		position: fixed;
		left: 0;
		top: 0;
		z-index:999;
	}
	.table li {
		width: 25%;
		text-align: center;
		list-style: none;
		cursor: pointer;
		font-weight:bold;
		font-size:14px;
		color:#19191A;
		line-height:48px;
		float: left;
		text-align:center;
	}
	.table li.tabActive {
		color: #1971ff;
	}
	.tabActive p{
		width:28px;
		height:2px;
		background:#1971ff;
		margin:-2px auto 0;
	}
	.chartType{
		display: flex;
		flex-direction: row;
		justify-content:space-between;
		align-items: center;
		font-weight: 600;
		font-size:16px;
		color: #19191A;
		line-height:40px;
		margin:50px 10px 0 10px;
	}
	.chartType input{
		float:right;
		font-size: 14px;
		background: #FFFFFF;
		border-radius:4px;
		border:1px solid #DCDEE0;
		text-align: left;
		font-family: PingFang SC,PingFang SC;
		font-weight: 400;
		color: #323233;
		height: 30px;
		padding:0 10px;
	}
	#main{
		width:calc(100% - 20px);
		height:280px;
		background:#fff;
		border-radius:5px;
		margin: 0 10px;
	}
	.jiance{
		width:calc(100% - 40px);
		background: #FFF;
		border-radius:5px;
		padding:10px;
		margin:10px;
	}
	.jiance .xuanzhong {
		float:right;
		display: inline-block;
	}
	.jiance .jiantou{
		display: inline-block;
		float:right;
	}
	.jiance .jiantou::after {
		content: '';
		display: inline-block;
		width:8px;
		height:8px;
		border-top: 2px solid #3D3D3D;
		border-right: 2px solid #3D3D3D;
		transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		margin-top:5px;
	}
	/* 图表下面 */
	.content {
		display: none;
		margin-bottom:200px;
	}
	.conAvtive {
		width:calc(100% - 20px);
		margin:10px;
		display: block;
		margin-bottom:100px;
	}
	.conAvtive ,.jiluCon{
		margin-bottom: 10px;
	}
	.content .listRecord:nth-child(2){
		display: none;
	}
	.listRecord{
		width:calc(100% - 20px);
		background: #FFF;
		border-radius:5px;
		padding:10px;
		margin-top:10px;
	}
	.listInfor{
		width:100%;
		font-size:16px;
		line-height:32px;
		word-break: break-all;
		white-space: normal;
	}
	.editCon,.suijiCon{
		width:100%;
		background-color:#fff;
		border-radius:5px;
		margin-bottom:10px;
	}
	.editCon .title,.suijiCon .title{
		padding:10px 10px 0;
		font-family: PingFang SC, PingFang SC;
		font-weight: 1000;
		font-size: 16px;
		color: #19191A;
	}
	.editData,.suijiData{
		padding:0 10px;
		font-family: PingFang SC, PingFang SC;
		font-size:16px;
		color: #19191A;
		line-height:24px;
		background:#fff;
		font-weight: 500;
	}
	.editItem{
		width: 100%;
		padding: 10px 0;
		font-size: 16px;
		color: #19191A;
		line-height: 24px;
		margin-bottom: 10px;
		display: flex;
		justify-content: space-between;
		border-bottom:1px solid #DCDEE0;
	}
	.editItem div:first-child{
		width:60%;
		overflow: hidden;
	}
	.editData :last-child,.suijiData :last-child{
		border-bottom:none;
	}
	.suijiCon h6{
		width:100%;
		padding:10px 10px 3px;
		font-family: PingFang SC, PingFang SC;
		font-size:18px;
		color: #19191A;
		line-height:24px;
		margin-top:10px;
		font-weight:bold;
	}
	/* 图表下面的描述 */
	.listText1 {
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		align-items: center;
		font-family: PingFang SC, PingFang SC;
		font-weight:1000;
		font-size:16px;
		color: #19191A;
		margin-bottom:5px;
	}
	.listInforView{display: flex;flex-direction: row;justify-content: space-between;align-items: center;}
	.listText {
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		align-items: center;
		font-family: PingFang SC, PingFang SC;
		font-weight:1000;
		font-size:16px;
		color: #19191A;
		height:40px;
		line-height:40px;
	}
	/* 年度记录 */
	.listNum{
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
	}
	.line{
		width:100%;
		height:1px;
		margin:5px 0;
		background-color: #E3E4E6;
	}
	.listTime{
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		align-items: center;
		font-family: PingFang SC, PingFang SC;
		font-weight: 600;
		font-size:14px;
		color: #000000;
		height:40px;
	}
	.listNumL{
		font-family: PingFang SC, PingFang SC;
		font-weight: 600;
		font-size:16px;
		color: #000000;
		line-height:45px;
		height:40px;
		margin-right:5px
	}
	.listB{
		display: flex;
		font-size:16px;
		color: #000000;
		line-height:50px;
		height:40px;
	}
	/* 图标提示 */
	.tool{
		padding:10px 15px;
		border-radius:5px;
	}
	.tool p{
		line-height:22px;
	}
	.bottom{
		width:100%;
		position: fixed;
		left: 0;
		bottom:0;
		right: 0;
		padding-bottom:10px;
		z-index:999;
		background-color: #FFF;
	}
	.submitContent {
		background-color: #1971FF;
		display: flex;
		height:40px;
		width:calc(100% - 60px);
		font-size:14px;
		font-family: PingFangSC, PingFang SC;
		font-weight: 600;
		color: #FFFFFF;
		line-height: 40px;
		justify-content: center;
		align-items: center;
		border-radius:5px;
		text-align: center;
		margin:10px auto;
	}
	.select{
		width:100%;
		height:100%;
		position: fixed;
		left: 0;
		bottom:0;
		right: 0;
		z-index:9999;
		background-color:rgba(0, 0, 0, 0.5);
		display:none;
		overflow: hidden;
	}
	.select ul{
		width:100%;
		background-color: #FFF;
		padding:15px 0;
		position: fixed;
		bottom:0;
		right: 0;
	}
	.select ul li{
		width:100%;
		padding:10px 0;
		text-align: center;
		color: #323233;
		font-size:16px;
		font-family: PingFangSC, PingFang SC;
		font-weight: 600;
		background-color: #FFF;
	}
	</style>
</html>